<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>图片标签</title>
</head>

<body>
  <!-- 
    <img src="内容" />
    <p>内容是放在标签中间的</p>
    常用的属性:
    src: 图片的路径(相对/绝对)
    alt: 替换文本
  -->
  <a href="https://www.itcast.cn">
    <img src="https://www.itcast.cn/2018czgw/images/logo2.png" alt="官网logo">
  </a>
  <img src="./images/g1.png" alt="" width="200" title="这是一个女孩子">
</body>

</html>